<template>
    <div class="banner">
      <el-carousel :interval="4000" type="card" height="360px">
        <el-carousel-item v-for="item in sliders" :key="item._id">
          <img :src="item.url" />
        </el-carousel-item>
      </el-carousel>
    </div>
</template>
<script>
    export default{
        data(){
            return {
                sliders :[
            {url:'http://www.javascriptpeixun.cn/files/system/2018/09-18/111926eb7fd8309596.png?version=8.3.6'},
            {url:'http://www.javascriptpeixun.cn/files/system/2018/09-21/1154091603c0186386.png?version=8.3.6'},
            {url:'http://www.javascriptpeixun.cn/files/system/2018/09-21/115355363dbc278291.png?version=8.3.6'}
        ]
            }
        }
    }
</script>